<!--表示当前文档是html5版本  让浏览器使用h5的规范特性-->
<!DOCTYPE html>
<!--表示网页的开始与结束“lang=en”表示网页是一个英文网站zh表示中文-->
<html lang="en">
<!--网页头部，存放一些配置信息-->
<head>
     <meta charset="UTF-8">   <!--配置编码，为了认识中文-->
    <title>叶湘伦</title><!--配置网页的标题-->
</head>
<body><!--网页展示内容-->
你们真的是一天天的，我朱星百有自己的节奏
<b> 加粗文本 </b>
<s>删除线文字</s>
<I>斜体文字</I>
<u>下划线文字</u>
<!--换行标签-->
<br>
<!--转义符号&nbsp；空格-->
<mark>亮亮标记文子&nbsp;&nbsp;&nbsp;&nbsp; 标记文字</mark>
我最喜欢&lt;tom&gt;的静夜思
<!--4.标题标签-->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<h7>七级标题</h7>
<!--5.段落标签 独占一行的块级元素 有垂直方向的行间距-->
<P>吃葡萄不吐葡萄皮</P>
<P>不吃葡萄吐葡萄皮</P>
<P>吃葡萄不吐葡萄皮</P>
<!--6.lorem然后按Tab补全 生成假文-->
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid aspernatur atque autem commodi consequatur debitis
doloremque eaque eius enim est eveniet exercitationem expedita fuga fugiat fugit harum illum impedit, in incidunt iure
laborum libero magnam maiores molestiae mollitia nam natus nemo nisi nobis numquam odio officiis pariatur perferendis
quae quaerat quam quidem quisquam quo repellat repudiandae rerum saepe sed sequi similique sit sunt tempora tenetur
<hr>
<!--7.有序列表 ol （order list） li（list team）-->
<ol>
    <li>第一行</li>
    <li>第二行</li>
    <li>第三行</li>
</ol>
<!--8.无序列表 ul（unordered list） li（list team）-->
<ul>
    <li>第一行</li>
    <li>第二行</li>
    <li>第三行</li>
</ul>
<ul>
    <li>
   热菜
    <ol>
    <li>雄狮牛腩</li>
    <li>水煮肉片</li>
    <li>宫保鸡丁</li>
    <li>红烧肉</li>
     </ol>
    </li>
 <li>
 凉菜
<ol>
    <li>凉拌菜</li>
    <li>凉拌豆角</li>
    <li>凉拌豆角</li>
    <li>凉拌豆角</li>
</ol>
 </li>
    <li>
        主食
        <ol >
            <li>米饭</li>
            <li>馒头</li>>
        </ol>
    </li>
</ul>


<h1>个人简历</h1>
<h3>基本信息</h3>
    <p>姓名:<b>传奇爹</b></p>
    <p>性别:男</p>
    <p>爱好：<s>打飞机</s></p>
</ul>

<h3>个人经历</h3>
<ul>
    <li>小学9年</li>
    <li>中学9年</li>
    <li>高中12年</li>
</ul>

<h3>获得荣誉</h3>
<ol>
    <li>机甲收集大人</li>
    <li>玩偶手机达人</li>
</ol>
</body>
</html>